<!DOCTYPE html>
<meta charset="utf-8"/>
<style>
@font-face {
  font-family:cssot;
  src:url(../../../third_party/adobe-fonts/CSSFWOrientationTest.otf);
}
div {
  font-family: Ahem, cssot;
  width: 5em;
  font-size: 20px;
  border: 5px blue solid;
  display: inline-block;
  margin-bottom: .2em;
  margin-right: 3em;
}
.break-all {
  word-break: break-all;
  color: orange;
}
</style>
<body>
  <p>Test break-all applied to span works as expected.</p>
  <div>AAAA<span class="break-all">XXXXXX</span></div>
  <div>AAAAA<span class="break-all">XXXXXX</span></div>
  <div>AAAAAA<span class="break-all">XXXXXX</span></div>
  <div>A AA<span class="break-all">XXXXXX</span></div>
  <div>AA AA<span class="break-all">XXX</span></div>
  <div>AAA AA<span class="break-all">XXX</span></div>
  <div>AAAA AA<span class="break-all">XXX</span></div>
  <div>AAAAA AA<span class="break-all">XXX</span></div>
  <div>AAA A<span class="break-all">XXXX</span></div>
  <div>AAAA A<span class="break-all">XXXX</span></div>
  <div>AAAAA A<span class="break-all">XXXX</span></div>
  <div>国国国国国、<span class="break-all">XXX</span></div>
</body>
<script>
if (window.testRunner) {
    testRunner.waitUntilDone();
    window.onload = function () {
        document.fonts.ready.then(function () { testRunner.notifyDone(); });
    };
}
</script>
